<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>分页组件</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
<div id="pageSet"></div>
</body>

<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script>
    $('#pageSet').uiPagination({
        total: 0,
        pageSize: 20,
        pageIndex: 1,
        pageList: [10, 20, 30, 50],
        loading: false,
        showPageList: true,
        showRefresh: true,
        displayMsg: '',
        beforePageText: '',
        afterPageText: '',
        onSelectPage: function (pageIndex, pageSize) {
        },
        onBeforeRefresh: function (pageIndex, pageSize) {
        },
        onRefresh: function (pageIndex, pageSize) {
        },
        onChangePageSize: function (pageSize) {
        }
    });
</script>
</html>